前言：漫談設計稿的意義

在你練習切板跟真正上戰場的最大差異，一方面是有薪水跟沒薪水。

第二個就是你會拿到別人的設計稿。

然後不管是什麼菜色或大便，你都要吃下去，吃得越快就代表你越厲害。

不要懷疑我沒有在開玩笑！

所以對於一個職人切阪神手來說，如何練習把大便吃的津津有味，或是慢慢地咀嚼山珍海味都是一種功力。

以下我們會從設計稿的格式談到處理設計稿的心態。

來人啊！上菜！你需要理解的設計稿格式

PSD / AI / XD / FIGMA / PNG
因為設計稿百百種，能切的沒幾種，但對於一個職業切版的好手來說，這都不是事。
以下會用切版人員的角度來排行，讓各位看官馬上了解，哪些是奧客，哪些是天使客人。

爽爽度排行榜：

Figma > XD > PSD > AI > PNG

• Figma：最新最屌，支援註解、量尺、甚至元件組織。切版效率最高(甚至有套件可轉CSS，但我不認為那是高效率，大多都是絕對定位，也有付費版本聲稱有RWD支援，有興趣者可以自己研究)
• XD：介面友善，量尺方便，能拿到算是很有福報了。
• PSD：拿來做 LOGO 或插圖還行，切版用基本是在折磨人反正老子我是不認為可以用。
• AI：經典老檔，據我所知 AI 檔可以用 XD 打開，這算是最後的希望。
• PNG：純圖片。完全沒有圖層、沒有字體、沒有比例。只能猜、對比、重畫，地獄等級。

作為前端切版作業員，最希望拿到什麼檔案？

這邊談的是我個人啦！
我認為其實你給我一張PNG或是JPG就夠了，為什麼？因為我也沒拿過figma檔啊！(笑死)
之後文章會討論《切版的基本SOP》，也就是在設計稿上劃紅格子這件事，
除了這個步驟以外，也會有超扯的逆天流程-->自己把PNG檔弄成figma哈哈哈

所以說真的作為一個切版職人，黑貓白貓或是黑狗，只要能夠尿尿大便的貓狗，都是好寵物！
隨便你要給我什麼設計稿，只要不是空白的，我都要而且也應該能切出來。
空白我也能切啦而且是秒切...但這個技術就不透露了。

所以作為前端人員我們最希望拿到什麼檔案？有檔案就好了
好啦不要講幹話啦哈哈哈 能給我figma就拜託給我figma

Figma套餐 無糖去冰 謝謝！

切版業界真實經驗談

第一次切版，我拿到的是 PNG：

大家可以想像一件事，當你玩了一個遊戲，而新手村的小怪就是大魔王。
這個遊戲體驗可想而知是多麼的「新鮮」啊！
能夠不罵糞GAME繼續玩下去的人恐怕就都是有病吧？

而這就是我的切版ONLINE。

第一次切專案時，我拿到的是一張 PNG。沒有設計稿連結，沒有手機版圖，
只有一句話：「這是首頁喔，要RWD」
那時候不懂瞎搞了老半天切了快20頁，把頁面做的八十七分像(還很菜勿噴)
花了也是一個月吧交給前輩後，他才說要跟設計稿一模一樣。

他：再幫你看下去我工作忙不完了，你整個重做吧！

我：。。。

他：這個喔你就用賴的截圖工具，就可以量距離了。

他：不要小看切版。

他：要細心。


我：。。。

交稿後，才被告知規格：

切到 NAVBAR，我做了漢堡選單、動畫都加上，
結果前輩才說：「怎麼這麼醜？你這個真的很醜，這個應該!@@#$%@^Y這樣」

他：「你參考那個 XX 網站做一個吧」

我：。。。


他：這種東西要大氣一點，你這個很像沒做完。


我：。。。

當下我真的很想大聲疾呼，X你老師的設計稿又沒寫！

沒有講清楚，你做的都是白做，還可能被罵兩次。
而且每次還要你「自己想一下」，最後又被打槍——那我到底是在創作，還是在通靈？

沒有規格，就等著反覆重工最後白工

從那個瞬間我領悟了切版的真理，不是你的CSS多強、HTML多屌，而是規格。
就像是《切板十年無人問》的第零篇說的：

現代資訊這麼多，大家都可以在網路上找到很多模板或是YT影片練習。
可是真的切版是看著影片打打code嗎？
切版是你看了一個鬍鬚張還是一個蘋果的官網，就右鍵檢查去學習，模仿一個嗎？

錯！

如果要我說切版的重要性，我會說三個字：設計稿！設計稿！設計稿！

切版十年無人問(0)–切版這件事，不只是切一個板

結語：設計稿會被搞，但你不能被搞(爛)

問題在哪裡？你技術不夠強嗎？還是趕緊換工作？

很簡單啦——

你還沒資深之前，錯的都是你。

你能力還沒到位之前，想要做切版的話，這本來就是你的錯。

你做出來的成品不是不對，是不合他心意，所以溝通確實很重要，否則不管你多麼會做，最後出來都是一坨他沒有要吃的大便。

我們要學的就是等對方拉完，你自己聞聞看有多臭，再去拉屎。
而不是先拉了一坨大的，最後已經沒有東西可以拉了才在那邊交稿被打槍。

如果你不想要浪費生命就要勇敢問，問清楚每一個 detail，
問到對方覺得你像智障為止，這樣可能反而是更有智慧的作法。

結論

所以作為切版的職人，不用講那麼好聽啦！你就是一個無情的設計稿吸收機

不要奢望每一張設計稿都剛好合你胃口，
你需要的是不管拿到什麼，都知道怎麼一口一口吃下去，吐出來的也要繼續吞。

不管是 PNG、AI、還是XD，還是冏或是ORZ，
反正來的東西就算是投影片，你都該知道敢問不懂的需求、知道怎麼拆、怎麼切出來。

至於一開始不懂或是覺得很卡很靠北，這真的不是你菜，是你超弱。
但就是因為這麼弱你才能大量吸收與超速進步。

下一篇我們就會細細的談《切版的SOP這件事》。